<!DOCTYPE html>
<!-- HTML5 Boilerplate -->
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh-CN"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]>
<html class="no-js lt-ie9 lt-ie8" lang="zh-CN"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]>
<html class="no-js lt-ie9" lang="zh-CN"><![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title data-localize='title'>众源数据</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/nf.min.css" rel="stylesheet" />
    <link href="css/swiper.min.css" rel="stylesheet" />
    <link href="css/css.css" rel="stylesheet" />
    <link href="css/zy.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
</head>

<body>
    <!-- ========================= 通用导航 ======================== -->


    <hgroup class="navbar ">
        <div class="navbar-header container">
            <div class="navbar-brand">
                <a href="#" class="logo">
                    <!-- <img  src="images/logo.png"  alt="易点科技" draggable="false" class="img-sy"> --></a>
            </div>
            <div class="nav-right menu_nav">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <nav class="nav-right nav-top-l">
                <ul class="navbar-nav nav1 row">
                    <li >
                        <a href="index.html" data-localize='top.logo'>众源</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="ziyuan.html" data-localize='top.search'>资源搜索</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li class="cur">
                        <a href="jiaocheng.html" data-localize='top.teach'>使用教程</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="biaozhun.html" data-localize='top.API'>领域图谱</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="page.html" data-localize='top.about'>关于我们</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li id="userbox">
                        <a href="login.html" data-localize='top.signin'>登录</a>&nbsp;|&nbsp;
                        <a href="register.html" data-localize='top.signup'>注册</a>
                        <sub class="sub1"></sub>
                    </li>
					<li id="langBox">
                        <a href="#" data-lang='zh-CN'>中</a>&nbsp;|
                        <a href="en/jiaocheng.html" data-lang="en-US">EN</a>
                        <sub class="sub1"></sub>
                    </li>
                </ul>
            </nav>
        </div>
    </hgroup>
    <script type="text/javascript" src="js/lib/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/lib/jquery/jquery.localize.js"></script>
    <!-- //////////////////////// 通用导航 结束 //////////////////////// -->
	
	
    <!-- ========================= 通用banner图 ======================== -->
    <div class="header1" style="height:320px;">
        <div class="flexslider" data-namespace="home-banner-" data-animation="slide" data-speed="5000" data-controls-container=".home-banner-controllers" data-control-nav=true data-direction-nav=false data-autoplay=true data-hover-pause=true>
            <ul class="slides clearfix">
                <li class="align-vertical" style="background:url(images/tutorial.jpg) no-repeat center center;background-size:cover">
                    <div class="vertical-inner" style="top: 10%;">
                        <div class="container">
                            <!--  <p class="txt-tit"></p>-->
                            <div class="bBox" style="width: 80%;padding-top: 45px;">
                                <span data-localize='jiaocheng.banner.title'>使用教程</span>
                                <!-- <label>USources</label> -->
                            </div>
							<p class="h4 txt2 container" style="margin-top:50px;" data-localize='page.banner.value'>
                                 【构建数据生态 - 实现数据共享、多方共赢】
                            </p>
                        </div>
                    </div>
                </li>

            </ul>
        </div>

    </div>
    <!-- //////////////////////// 通用banner图 结束 //////////////////////// -->	
	
    <article> 
        <section class="partner_sec" style="padding-top: 10px;">
            <div class="container">
			<div class="row-fluid">
				<div class="col-lg-3 col-md-3 col-sm-3">	
					<br>
					<div class="list-group" style="width:75%">
					  <p><b>数据使用：</b></p>
					  <a style="color:#477fb7" href="jiaocheng.html" class="list-group-item active">
						用户数据使用
					  </a>
					  <hr>
					  <p><b>数据贡献：</b></p>
					  <a style="color:#477fb7" href="tutorial4person.html" class="list-group-item">个人数据上传</a>
					  <a style="color:#477fb7" href="tutorial4org.html" class="list-group-item">机构数据对接</a>
					  <hr>
					  <p><b>数据融合：</b></p>
					  <a style="color:#477fb7" href="tutorial4link.html" class="list-group-item active">数据融合</a>
					</div>
				</div>
	
				<div class="col-lg-9 col-md-9 col-sm-9">	
					
<!--  
    内容
-->
<h3 style="box-sizing: border-box; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 20px; margin-bottom: 10px; font-size: 20px; white-space: normal; background-color: rgb(255, 255, 255);" data-localize='jiaocheng.content.title'>数据使用教程 - 快速入门（三步）</h3>
  <p></p><br/>
  <h4 style="box-sizing: border-box; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 17px; white-space: normal; background-color: rgb(255, 255, 255);"><strong style="box-sizing: border-box;" data-localize='jiaocheng.content.step1'>1. 搜索资源</strong></h4>
  <p style="box-sizing: border-box; line-height: 1.5; color: rgb(51, 51, 51); font-family: Lora, 'Times New Roman', serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" data-localize='jiaocheng.content.value1'>在搜索框内输入关键词找到自己感兴趣的内容，同时也可以使用筛选功能。例子：</p>

  <p><img src="images/s1.png" title="1480574748796044.png" alt="searchRes.png" style="width:90%" class="img-thumbnail"/></p>
  <p><br /></p>
  <h4 style="box-sizing: border-box; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 17px; white-space: normal; background-color: rgb(255, 255, 255);"><strong style="box-sizing: border-box;" data-localize='jiaocheng.content.step2'>2. 查看资源</strong></h4>
  <p style="box-sizing: border-box; line-height: 1.5; color: rgb(51, 51, 51); font-family: Lora, 'Times New Roman', serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" data-localize='jiaocheng.content.value2'>点击上图机构下的数据集，如“汽车租赁企业”概念，打开对应资源页面如下例子：</p>
  <p style="box-sizing: border-box; margin-top: 10px; margin-bottom: 30px; line-height: 1.5; color: rgb(51, 51, 51); font-family: Lora, 'Times New Roman', serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255); width:90%" data-localize='jiaocheng.content.value22'>弹出的资源页面分三个部分，1）“概念图”是这个概念的可视化概念图； 2）“数据下载和接口”是这个数据资源的下载和调用，可以点击下载数据集或查看调用文档； 3）“其他类列表”是查看该机构下的其他数据资源。</p>
  <p><img src="images/s2.png" title="1480574774795657.png" alt="2.png" style="width:90%" class="img-thumbnail"/></p>
  
  <p><img src="images/s3.png" title="1480574748796044.png" alt="searchRes.png" style="width:90%" class="img-thumbnail"/></p>

  <p><br style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: Lora, 'Times New Roman', serif; font-size: 15px; line-height: 21.4286px; white-space: normal; background-color: rgb(255, 255, 255);" /></p>
  <h4 style="box-sizing: border-box; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 17px; white-space: normal; background-color: rgb(255, 255, 255);"><strong style="box-sizing: border-box;" data-localize='jiaocheng.content.step3'>3. 下载数据集或调用数据</strong></h4>
  <p style="box-sizing: border-box; line-height: 1.5; color: rgb(51, 51, 51); font-family: Lora, 'Times New Roman', serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" data-localize='jiaocheng.content.value3'>点击“下载数据集”进入下载列表（包含RDF、CSV、JSON等格式的下载），同时也可以在程序里调用实时数据流。HTTP REST是一种使用很广泛的接口方式，网上有很多例子，下图是一个JAVA调用的简单例子:</p>
  <pre class="img-thumbnail">
  <code>
import java.io.*; 
import java.net.*;
public String load(String url) throws Exception { 
      URL restURL = new URL(url); 
      HttpURLConnection conn = (HttpURLConnection) restURL.openConnection(); 
      conn.setRequestMethod("POST"); 
      conn.setDoOutput(true); 
      conn.setAllowUserInteraction(false); 
      BufferedReader bReader = new BufferedReader(new InputStreamReader(conn.getInputStream())); 
      String line,resultStr=""; 
      while(null != (line=bReader.readLine())){ 
          resultStr +=line; 
      } 
      bReader.close(); 
      return resultStr; 
} 
  </code>
  </pre>

  <p>最后，我们建议用户收藏功能可以把自己感兴趣和经常用的资源收藏到一起，方便下次使用。</p>
  <p><br/></p> 



</div>	<!-- end of right col-xs-9 -->
            </div>	<!-- end of container -->
        </section>

    </article>
    <!--底部-->
    <!--底部-->
       <footer>
        <div class="footer_con">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 col-sm-5">
                        
                        <div class="tell_list">
                            <ul>
                                <li data-localize="foot.email">公司邮箱: <font color="#fff">usources@aliyun.com</font><span style="padding-left: 55px;"></li>
								<li>业务邮箱: <font color="#fff">usources@aliyun.com</font></li>
                                <li data-localize="foot.location">地  址：<font color="#fff">中国上海和美国波士顿</font><span style="padding-left: 50px;"></li>
								<li>
                                    电话（中国）：<font color="#fff">+86&nbsp;18521701931(中)</font>
                                </li>
                                <li>
                                    电话（美国）：<font color="#fff">+1&nbsp;(413) 800-1429 (U.S.)</font>
                                </li>
								
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-4 col-sm-4">
                        <div class="link_tit" data-localize="foot.info.more">更多可以了解的信息</div>
                        <div class="link_list">
                            <ul>
                                <li><a href="javascript:void(0)" data-localize="foot.info.pri" style="color:#d6d2d2">保护您的隐私</a></li>
                                <li><a href="javascript:void(0)" data-localize="foot.info.join" style="color:#d6d2d2">加入我们</a></li>
                            </ul>
                        </div>
                        <div class="consult" data-localize="foot.QQ" style="color:#c9d6e6">QQ讨论群: <font color="#fff">641885447</font></div>
                        <a href="tencent://message/?uin=362437439&amp;Site=hejun.com.cn&amp;Menu=yes" style="margin-right:5px;"><img src="images/qq_consult.png"></a>
                        <a href="tencent://message/?uin=2306668066&amp;Site=hejun.com.cn&amp;Menu=yes"><img src="images/qq_consult.png"></a>
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <div class="link_tit" data-localize="foot.info.wx">微信公众号:</div>
                        <div class="footer_code buzz-out"><img src="images/code_icon.png" style="width: 120px"></div>
                        <div class="contact_icon">
                            <ul>
                                <li>
                                    <a href=""></a>
                                </li>
                                <li>
                                    <a href=""></a>
                                </li>
                                <li>
                                    <a href=""></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <span style="margin-right:25px;color:#	5b5858" data-localize="foot.copyright">沪ICP备16046581号-1 | Copyright @ 2016-2017 语义(上海)信息科技有限公司       </span>
        </div>
    </footer>
	
    <!--弹窗-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <div class="modal-body">

                    <div class="form-group form-group-img">
                       <img src="images/head_img.jpg" alt="">
                    </div>
                    <div class="form-group">
                        <input type="text" name="txt_username" class="form-control" id="txt_username" placeholder="账号">
                    </div>
                    <div class="form-group">
                        <input type="text" name="txt_password" class="form-control" id="txt_password" placeholder="密码">
                    </div>
                </div>
                <div class="modal-footer">
                   <div class="form-login">LOGIN</div>
                   <div style="text-align:left;line-height:30px;height:30"><a >LOST&nbsp;PASSWORD</a>&nbsp;&nbsp;&nbsp;&nbsp;<a >REGIST</a></div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.flexslider.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.touchSwipe.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/jquery.carouFredSel-6.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        $(window).load(function () {
            $('.qode_carousels').find('.slides').carouFredSel({
                circular: true,
                responsive: true,
                scroll: {
                    items: 1,
                    duration: 1000,
                    pauseOnHover: false
                },
                items: {
                    <!-- width: 100, -->
                    visible: {
                        min: 1,
                        max: 9
                    }
                },
                auto: true,
                mousewheel: false,
                swipe: {
                    onMouse: true,
                    onTouch: true
                }
            }).animate({
                'opacity': 1
            }, 1000)

            $('.caroufredsel_wrapper').height($('.qode_carousels ul li.item').outerHeight());
        });

        /*******banner图*******/
        $('.flexslider').flexslider({
            animation: "fade",
            slideshow: true,
            animationSpeed: 1000,
            slideshowSpeed: 5000,
            animationSpeed: 1000, //滚动时间ms
            animationLoop: true,
            touch: true //是否支持触屏滑动
        });
        $('.flex-control-nav li a').html('');
        /*************case_sec**************/
        var mySwiper = new Swiper('.swiper-container', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 3,
            paginationClickable: true,
        });

        /**********partner_sec*****************/
        $('.flexslider2').flexslider({
            animation: "slide",
            slideshowSpeed: 10000, //展示时间间隔ms
            animationSpeed: 1000, //滚动时间ms
            controlNav: false,
            directionNav: true
        });
        $('.flex-direction-nav li a').html('');



        /*var $window = $(window);
        $window.scroll(function () {
            var h = $('.counters').offset().top;
            var h2 = $('.business_list').offset().top;

            if ($(this).scrollTop() > h - 300 && $(this).scrollTop() < h + 500) {
                $(".counter1").stop().animate({
                    count: 561
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter1").text(String(parseInt(this.count)));
                    }
                });
                $(".counter2").stop().animate({
                    count: 69
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter2").text(String(parseInt(this.count)));
                    }
                });
                $(".counter3").stop().animate({
                    count: 2013
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter3").text(String(parseInt(this.count)));
                    }
                });
                $(".counter4").stop().animate({
                    count: 09
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter4").text("0" + String(parseInt(this.count)));
                    }
                });
                $(".counter5").stop().animate({
                    count: 97
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter5").text(String(parseInt(this.count)) + "%");
                    }
                });
            } else {
                $(".counter1").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter1").text(String(parseInt(this.count)));
                    }
                });
                $(".counter2").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter2").text(String(parseInt(this.count)));
                    }
                });
                $(".counter3").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter3").text(String(parseInt(this.count)));
                    }
                });
                $(".counter4").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter4").text("0" + String(parseInt(this.count)));
                    }
                });
                $(".counter5").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter5").text(String(parseInt(this.count)) + "%");
                    }
                });
            }
            if ($(this).scrollTop() > h2 - 400 && $(this).scrollTop() < h2 + 400) {
                $('.business_txt').addClass('cur');
				$(".business_icon").addClass("bgtransform")
            }
          
        });*/
    </script>
    <script src="js/bootstrap.min.js"></script>
    <script>
    //注册新增按钮的事件
    $("#login").click(function () {
        $('#myModal').modal();
    });
    </script>
    <script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
	
	  ga('create', 'UA-86273919-1', 'auto');
	  ga('send', 'pageview');
	</script>
</body>

</html>
 <script type="text/javascript" src="js/App.min.js"></script>
 <script type="text/javascript" src="js/common/changeLang.js"></script>